import store from '../store/index.js'
// toolbar工具栏的工具选项（默认展示全部）
const toolOptions = [
  ['bold', 'italic'], // 加粗，斜体，下划线，删除线
  [{ 'size': ['small', 'large', 'huge'] }], // 字体大小
  ['clearContent'] // 新添加的工具
]

const handlers = {
  shadeBox: null,
  clearContent: function () {
    // 添加清空编辑框文本的方法
    // console.log('store:', store.state)
    store.commit('SET_CONTENT', '')
    // console.log('storenew:', store.state)
  }
}

export default {
  placeholder: '请开始编辑文本吧~',
  theme: 'snow', // 主题
  modules: {
    toolbar: {
      container: toolOptions, // 工具栏选项
      handlers: handlers // 事件重写
    }
  },
  initButton: function () { // 在使用的页面中初始化按钮样式
    const clearContentButton = document.querySelector('.ql-clearContent')
    clearContentButton.classList.add('el-icon-delete-solid')
    clearContentButton.title = '清空文本'
  }
}
